<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common::header"></head>
<body>
<div class="layui-fluid">
	<div class="layui-row">
		<div class="layui-col-md12">
	  		<table lay-filter="roleFilter" class="layui-table" id="roleFilter"></table>
	  	</div>
	</div>
</div>  
</body>
<!-- 角色编辑 -->
<div id="edit" class="trek-hide">
	<div class="layui-fluid">
		<form class="layui-form layui-form-pane" lay-filter="editForm">
			<input name="id"  type="hidden">
			<div class="layui-form-item">
			    <label class="layui-form-label">角色名称</label>
			    <div class="layui-input-block">
			      <input type="text" name="name" required  lay-verify="required" placeholder="请输入角色名称" autocomplete="off" class="layui-input">
			    </div>
	  		</div>
			<div class="layui-form-item layui-form-text">
			    <label class="layui-form-label">备注信息</label>
			    <div class="layui-input-block">
			      <textarea name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
			    </div>
			</div>
			<div class="layui-form-item">
			    <div class="layui-input-block">
			      <button class="layui-btn" lay-submit lay-filter="submit">立即提交</button>
			    </div>
			</div>		
		</form>
	</div>
</div>

<!-- 权限弹出层 -->
<div class="layui-fluid trek-hide" id="authTree">
	<div class="layui-row">
		<form class="layui-form">
		    <div class="layui-form-item">
		        <div class="layui-input-block">
		            <div id="LAY-auth-tree-index"></div>
		        </div>
		    </div>
		</form>
	</div>
</div>
<script type="text/html" id="tool">
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="changeStatus">冻结或激活</button>
<button class="layui-btn layui-btn-sm layui-btn-blue" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="acledit">权限维护</button>
</script>
<div th:include="common::footer"></div>
<script type="text/javascript" th:src="@{/js/sys/role.js}"></script>
</html>